<!DOCTYPE html>
<html>
<head>
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui"/>
	<meta name="apple-mobile-web-app-capable" content="yes"/>
	<meta name="apple-mobile-web-app-status-bar-style" content="black"/>
	<meta name="format-detection" content="telephone=no, email=no"/>
	<meta charset="UTF-8">
	<title>限时抢购</title>
	<link rel="stylesheet" href="themes/css/core.css">
	<link rel="stylesheet" href="themes/css/icon.css">
	<link rel="stylesheet" href="themes/css/home.css">
	<link rel="icon" type="image/x-icon" href="favicon.ico">
	<link href="iTunesArtwork@2x.png" sizes="114x114" rel="apple-touch-icon-precomposed">

</head>
<body>

	<header class="aui-header-default aui-header-fixed aui-header-bg">
		<a href="javascript:history.back(-1)" class="aui-header-item">
			<i class="aui-icon aui-icon-back-white"></i>
		</a>
		<div class="aui-header-center aui-header-center-clear">
			<div class="aui-header-center-logo">
				<div class="aui-car-white-Typeface">限时抢购</div>
			</div>
		</div>
		<a href="#" class="aui-header-item-icon"   style="min-width:0">
			<i class="aui-icon aui-icon-search"></i>
		</a>
	</header>

	<section class="aui-myOrder-content">
		<div class="m-tab demo-small-pitch aui-Time-list" data-ydui-tab>
			<div class="aui-myOrder-fix">
				<ul class="tab-nav">
					<li class="tab-nav-item tab-active">
						<a href="javascript:;">
							<span>00:00</span>
							<em>已开抢</em>
						</a>
					</li>
					<li class="tab-nav-item">
						<a href="javascript:;">
							<span>07:00</span>
							<em>已开抢</em>
						</a>
					</li>
					<li class="tab-nav-item">
						<a href="javascript:;">
							<span>09:00</span>
							<em>已开抢</em>
						</a>
					</li>
					<li class="tab-nav-item">
						<a href="javascript:;">
							<span>13:00</span>
							<em>抢购中</em>
						</a>
					</li>
					<li class="tab-nav-item">
						<a href="javascript:;">
							<span>17:00</span>
							<em>即将开抢</em>
						</a>
					</li>
				</ul>
			</div>
			<div class="aui-prompt"><i class="aui-icon aui-prompt-sm"></i>还有商品的哦！可以继续抢购的哦！</div>
			<div class="tab-panel">
				<div class="tab-panel-item tab-active">
					<ul>
						<li>
							<div class="aui-list-title-info">
								<a href="javascript:;" class="aui-list-product-fl-item">
									<div class="aui-list-product-fl-img">
										<img src="themes/img/pd/sf-11.jpg" alt="">
									</div>
									<div class="aui-list-product-fl-text">
										<h3 class="aui-list-product-fl-title">【16盒装】伊利 安慕希希腊风味常温酸奶原味205g*16盒</h3>
										<div class="aui-list-product-fl-mes">
											<div>
									<span class="aui-list-product-item-price">
										<em>¥</em>
										89.99
									</span>
												<span class="aui-list-product-item-del-price">
										¥125.65
									</span>
											</div>
											<div class="aui-btn-purchase">
												仅剩19件
											</div>
										</div>
									</div>

								</a>
							</div>
							<div class="aui-list-title-btn">
								<a href="#" class="red-color">马上抢购</a>
							</div>
						</li>
						<li>
							<div class="aui-list-title-info">
								<a href="javascript:;" class="aui-list-product-fl-item">
									<div class="aui-list-product-fl-img">
										<img src="themes/img/pd/sf-12.jpg" alt="">
									</div>
									<div class="aui-list-product-fl-text">
										<h3 class="aui-list-product-fl-title">Doritos 多力多滋 休闲零食 玉米片 劲浓芝士味 15g</h3>
										<div class="aui-list-product-fl-mes">
											<div>
									<span class="aui-list-product-item-price">
										<em>¥</em>
										99.99
									</span>
												<span class="aui-list-product-item-del-price">
										¥295.65
									</span>
											</div>
											<div class="aui-btn-purchase">
												仅剩19件
											</div>
										</div>
									</div>

								</a>
							</div>
							<div class="aui-list-title-btn">
								<a href="#" class="red-color">马上抢购</a>
							</div>
						</li>
						<li>
							<div class="aui-list-title-info">
								<a href="javascript:;" class="aui-list-product-fl-item">
									<div class="aui-list-product-fl-img">
										<img src="themes/img/pd/sf-13.jpg" alt="">
									</div>
									<div class="aui-list-product-fl-text">
										<h3 class="aui-list-product-fl-title">嘀嗒猫 芒果干 办公室休闲零食蜜饯果脯水果干 100g</h3>
										<div class="aui-list-product-fl-mes">
											<div>
									<span class="aui-list-product-item-price">
										<em>¥</em>
										29.99
									</span>
												<span class="aui-list-product-item-del-price">
										¥45.65
									</span>
											</div>
											<div class="aui-btn-purchase">
												仅剩19件
											</div>
										</div>
									</div>

								</a>
							</div>
							<div class="aui-list-title-btn">
								<a href="#" class="red-color">马上抢购</a>
							</div>
						</li>
						<li>
							<div class="aui-list-title-info">
								<a href="javascript:;" class="aui-list-product-fl-item">
									<div class="aui-list-product-fl-img">
										<img src="themes/img/pd/sf-14.jpg" alt="">
									</div>
									<div class="aui-list-product-fl-text">
										<h3 class="aui-list-product-fl-title">麦德好 燕麦巧克力 营养麦片力 休闲零食大礼包 婚庆喜糖果饼干 原味468g</h3>
										<div class="aui-list-product-fl-mes">
											<div>
									<span class="aui-list-product-item-price">
										<em>¥</em>
										19.99
									</span>
												<span class="aui-list-product-item-del-price">
										¥22.65
									</span>
											</div>
											<div class="aui-btn-purchase">
												仅剩19件
											</div>
										</div>
									</div>

								</a>
							</div>
							<div class="aui-list-title-btn">
								<a href="#" class="red-color">马上抢购</a>
							</div>
						</li>

					</ul>
				</div>
				<div class="tab-panel-item">
					<ul>
						<li>
							<div class="aui-list-title-info">
								<a href="javascript:;" class="aui-list-product-fl-item">
									<div class="aui-list-product-fl-img">
										<img src="themes/img/pd/sf-19.jpg" alt="">
									</div>
									<div class="aui-list-product-fl-text">
										<h3 class="aui-list-product-fl-title">【16盒装】伊利 安慕希希腊风味常温酸奶原味205g*16盒</h3>
										<div class="aui-list-product-fl-mes">
											<div>
									<span class="aui-list-product-item-price">
										<em>¥</em>
										89.99
									</span>
												<span class="aui-list-product-item-del-price">
										¥125.65
									</span>
											</div>
											<div class="aui-btn-purchase">
												仅剩19件
											</div>
										</div>
									</div>

								</a>
							</div>
							<div class="aui-list-title-btn">
								<a href="#" class="red-color">马上抢购</a>
							</div>
						</li>
					</ul>
				</div>
				<div class="tab-panel-item">
					<ul>
						<li>
							<div class="aui-list-title-info">
								<a href="javascript:;" class="aui-list-product-fl-item">
									<div class="aui-list-product-fl-img">
										<img src="themes/img/pd/sf-16.jpg" alt="">
									</div>
									<div class="aui-list-product-fl-text">
										<h3 class="aui-list-product-fl-title">【16盒装】伊利 安慕希希腊风味常温酸奶原味205g*16盒</h3>
										<div class="aui-list-product-fl-mes">
											<div>
									<span class="aui-list-product-item-price">
										<em>¥</em>
										89.99
									</span>
												<span class="aui-list-product-item-del-price">
										¥125.65
									</span>
											</div>
											<div class="aui-btn-purchase">
												仅剩19件
											</div>
										</div>
									</div>

								</a>
							</div>
							<div class="aui-list-title-btn">
								<a href="#" class="red-color">马上抢购</a>
							</div>
						</li>
					</ul>
				</div>
				<div class="tab-panel-item">
					<ul>
						<li>
							<div class="aui-list-title-info">
								<a href="javascript:;" class="aui-list-product-fl-item">
									<div class="aui-list-product-fl-img">
										<img src="themes/img/pd/sf-17.jpg" alt="">
									</div>
									<div class="aui-list-product-fl-text">
										<h3 class="aui-list-product-fl-title">【16盒装】伊利 安慕希希腊风味常温酸奶原味205g*16盒</h3>
										<div class="aui-list-product-fl-mes">
											<div>
									<span class="aui-list-product-item-price">
										<em>¥</em>
										89.99
									</span>
												<span class="aui-list-product-item-del-price">
										¥125.65
									</span>
											</div>
											<div class="aui-btn-purchase">
												仅剩19件
											</div>
										</div>
									</div>

								</a>
							</div>
							<div class="aui-list-title-btn">
								<a href="#" class="red-color">马上抢购</a>
							</div>
						</li>
					</ul>
				</div>
				<div class="tab-panel-item">
					<ul>
						<li>
							<div class="aui-list-title-info">
								<a href="javascript:;" class="aui-list-product-fl-item">
									<div class="aui-list-product-fl-img">
										<img src="themes/img/pd/sf-18.jpg" alt="">
									</div>
									<div class="aui-list-product-fl-text">
										<h3 class="aui-list-product-fl-title">【16盒装】伊利 安慕希希腊风味常温酸奶原味205g*16盒</h3>
										<div class="aui-list-product-fl-mes">
											<div>
									<span class="aui-list-product-item-price">
										<em>¥</em>
										89.99
									</span>
												<span class="aui-list-product-item-del-price">
										¥125.65
									</span>
											</div>
											<div class="aui-btn-purchase">
												仅剩19件
											</div>
										</div>
									</div>

								</a>
							</div>
							<div class="aui-list-title-btn">
								<a href="#" class="red-color">马上抢购</a>
							</div>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</section>


	<script type="text/javascript" src="themes/js/jquery.min.js"></script>
	<script type="text/javascript" src="themes/js/aui.js"></script>
	<script type="text/javascript" >
        /**
         * Javascript API调用Tab
         */
        !function ($) {
            var $tab = $('#J_Tab');

            $tab.tab({
                nav: '.tab-nav-item',
                panel: '.tab-panel-item',
                activeClass: 'tab-active'
            });

			/*
			 $tab.find('.tab-nav-item').on('open.ydui.tab', function (e) {
			 console.log('索引：%s - [%s]正在打开', e.index, $(this).text());
			 });
			 */

            $tab.find('.tab-nav-item').on('opened.ydui.tab', function (e) {
                console.log('索引：%s - [%s]已经打开了', e.index, $(this).text());
            });
        }(jQuery);
	</script>

</body>
</html>